<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title><style>
        *{
            padding: 0px;
            margin: 0px;
        }
        .header{
            width: 1364px;
            height: 56px;
            margin: auto;
        }
        .a{
            width: 84px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .aa{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .ab{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .ac{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .ad{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .ae{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .af{
            width: 60px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .ag{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .ah{
            width: 42px;
            height: 56px;
            float: right;
            text-align: center;
            line-height: 50px;
        }
        .nav{
            height: 165px;
            width: 1364px;
            margin: auto;
        }
        .b1{
            width: 120px;
            height: 40px;
            position: absolute;
            left: 50%;
            margin-left: -60px;
            margin-top: 120px;
        }
        .cen{
            width: 1364px;
            height: 37px;
            margin: auto;
        }
        input{
            height: 37px;
            width: 639px;
            margin-left:25% ;
        }
        .inv{
            width: 1364px;
            height:212px ;
            margin: auto;
        }
        .bot{
            width: 1364px;
            height: 82px ;
            margin: auto;
        }
        .e1{
            position: absolute;
            left: 50%;
            margin-left: -30px;
        }
        .e2{
            text-align: center;
            line-height: 140px;
        }
        .footer{
            width: 1364px;
            height: 36px ;
            margin: auto;
        }
        .f1{
            width: 371px;
            height: 10px;
            margin: auto;
        }
        .f11{
            width:110px;
            height: 10px;
            float: left;
            font-size: 5px;
        }
        .f12{
            width:87px;
            height: 10px;
            float: left;
            font-size: 5px;
        }
        .f13{
            width:87px;
            height: 10px;
            float: left;
            font-size: 5px;
        }
        .f14{
            width:87px;
            height: 10px;
            float: left;
            font-size: 5px;
        }
        .f2{
            width: 539px;
            height: 10px;
            margin: 10px auto;
            font-size: 5px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="a">
            <p>更多产品</p>
        </div>
        <div class="aa">
            <u>设置</u>
        </div>
        <div class="ab">
            <u>登录</u>
        </div>
        <div class="ac">
            <u>贴吧</u>
        </div>
        <div class="ad">
            <u>视频</u>
        </div>
        <div class="ae">
            <u>地图</u>
        </div>
        <div class="af">
            <u>hao123</u>
        </div>
        <div class="ag">
            <u>新闻</u>
        </div>
        <div class="ah">
            <u>糯米</u>
        </div>
    </div>
    <div class="nav">
            <img class="b1" src="baidu_jgylogo3.gif" alt="">
    </div>
    <div class="cen">
        <input type="text" placeholder="百度一下">
    </div>
    <div class="inv"></div>
    <div class="bot">
        <img class="e1" src="zbios_efde696.png" alt="">
        <p class="e2">手机百度</p>
    </div>
    <div class="footer">
        <div class="f1">
           <div class="f11">
            <u>把百度设为主页</u>
           </div>
           <div class="f12">
               <u>关于百度</u>
           </div>
           <div class="f13">
            <u>About Baidu</u>
           </div>
           <div class="f14">
                <u>百度推广</u>
           </div>
        </div>
        <div class="f2">
            <p>2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号  京公网安备11000002000001号</p>
        </div>
    </div>
</body>
</html>